Manipulating Text

Remember that all text should go between the <body> and </body> tags. Let's start with headers. There are six sizes of headers that can be used.

<h1>Header size 1

<h2>Header size 2

<h3>Header size 3

<h4>Header size 4

<h5>Header size 5

<h6>Header size 6

All headers are ended with a </h1>, </h2>, etc. tag.

Breaks
To add a break in between lines, use the <br> tag. This tag ends the current line and starts on a new one. Use multiple <br> tags to create blank lines.

Horizontal Rules
Horizontal rules are lines that divide off your page. <hr> produces:

They also have attributes that can be modified.
<hr align=left width=50%> produces :

Alignment
Want to center your text? Just add the <center> </center> tags with the text in between. This also works on images, tables, etc.

Bold, Underlined, and Italics
To make text bold, add the <b> </b> tags to produce this.
To underline, use <u> </u> tags to produce this.
To make italics, use <i> </i> tags to produce this.

Font color, size and face
To change font color and type you use the <font> </font> tags. You can add color, size, or font to that.
<font color="ffffff"> yields white text

Font size does the same thing as the header tags, but in the font tag. You can use <font size=5> for this or <font size=+3> for this The base size is 3 for adding or subtracting values.

Font face controls the type such as <font face="modern" > Modern or <font face="technical"> Technical
Be careful using font faces. Not all people will be able to see them all. It depends if they have that font in their font directory. If not, it will appear as regular text.

Number lists
Bullet lists

Definition lists

This is a number list. It is used to number things down a list on the page.
<ol> Begins Ordered List
<li> List Item 1
<li> List Item 2
</ol> Ends Ordered List (Numbered List)
You can modify the <ol> tag and add type="I" to it to produce:

Number Lists
Bullet Lists
Definition Lists

Now you have Roman Numerals. Yeah!!

Here is how a bullet list works:
<ul> Begins Unordered List
<li> List Item 1
<li> List Item 2
</ul> Ends Unordered List
which produces:

List Item 1
List Item 2

Now you can change the type to type="square" to produce:

List Item 1
List Item 2

Lastly, the definition list. I've never used one, but you may.
<dl> Starts Definition List
<dt> Declares Definition Term
<dd> Declares Definition Data
</dl> Ends Definition List
which produces:

HTML: Hyper Text Markup Language

Continue to add <dt> and <dd> tags for as many terms as you need.

Back to the Basics On to Links and Images